<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>17_创建节点-方法3-createElement</title>
    </head>
    <body>
        <ul></ul>
        <button>添加</button>

        <script>
            var btn = document.querySelector('button');
            var ul = document.querySelector('ul');

            btn.onclick = function(){
                // 创建一个li对象
                var li = document.createElement('li');
                // 给li中间内容
                li.innerHTML = '挂不上档';
                // 将li添加到ul中
                ul.append(li);
            }
        </script>
    </body>
</html>